<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui"
	template="/pages/templates/TemplateVisiteur.xhtml">

	<ui:define name="titre">Fun With Videos</ui:define>
	<ui:define name="content">
		<h:form>
			<div class="bodyConnexion">
				<div class="containerConnexion">
					<div class="contentConnexion">
						<table>
							<tr>
								<td><span>E-Mail :</span></td>
								<td><h:inputText id="email" value="#{mbConnexion.email}" required="true" requiredMessage="email manquant" >
								<h:message for="email"/></h:inputText></td>
							</tr>
							<tr>
								<td><span>Mot de passe :</span></td>
								<td><h:inputSecret id="pass" value="#{mbConnexion.password}" required="true" /></td>
							</tr>
							<tr>
								<td><h:commandButton action="#{mbConnexion.connexion}"
										value="Connexion" styleClass="btn">
									</h:commandButton></td>
							</tr>
							<tr>
								<td><h:outputLabel value="#{mbConnexion.label}" /></td>
							</tr>
						</table>
						<br />
					</div>
					<!-- end .contentConnexion -->
				</div>
				<!-- end .containerConnexion -->
			</div>
			<!-- end .bodyConnexion -->
		</h:form>
	</ui:define>
</ui:composition>
